<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./js/jquery-1.11.1.js"></script>
		<style>
			.imga{
				animation: dfc .8s linear infinite;
			}
			@keyframes dfc{
				0%{
					transform: rotate(180deg);
				}
				30%{
					transform: rotate(360deg);
				}
				100%{
					transform: rotate(720deg);
				}
			}
		</style>
	</head>
	<body>
		<img src="img/1.gif" alt="" />
		<audio src="img/dafengche.mp3" autoplay></audio>
		<button class="btn1">开转</button>
		<button class="btn2">暂停</button>
		<button class="btn3">翻转</button>
		<script>
				$(".btn1").click(function(){
								$("img").attr("src","../img/2.gif").addClass("imga")
								$("audio").attr("src","../img/dafengche.mp3")
							});
				// 暂停 音乐消失+动画效果消失?
				$(".btn2").click(function(){
					$("img").attr("src","../img/2.gif").removeClass("imga")
					$("audio").removeAttr("src")
				});
		</script>
	</body>
</html>